.z-btn,
.z-btn-l {
    border-radius: $btn-radius;
    cursor: pointer;
    text-align: center;
    font-family: inherit;
    border: 1px solid transparent;
    background-image: none;
    // background: $btn-bg;
    // color: $btn-c;
    // border: $btn-bor;
    // &:hover {
    //     background-color: $btn-hover-bg;
    //     color: $btn-c;
    // }
}

// 标准按钮
.z-btn {
    padding: $btn-pa;
    display: inline-block;
    font-size: $btn-fs;
    height: $btn-h;
    line-height: $btn-h;
    min-width: $btn-min-w;
    vertical-align: middle;
}

// 图片按钮
.z-btn-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: rem(12px) auto;
    height: 100%;
}

// 长按钮
.z-btn-l {
    display: block;
    width: 100%;
    padding: 0 $pa;
    font-size: $btn-l-fs;
    height: $btn-l-h;
    line-height: $btn-l-h;
}

.z-btn-s {
    padding: $btn-pa;
    display: inline-block;
    font-size: $btn-s-fs;
    min-width: $btn-s-min-w;
    border-radius: $btn-s-radius;
}

.z-btn-m {
    padding: $btn-pa;
    display: inline-block;
    font-size: $btn-m-fs;
    height: $btn-m-h;
    line-height: $btn-m-h;
    min-width: $btn-m-min-w;
    border-radius: $btn-m-radius;
}

.z-btn-group {
    border: 1px solid $btn-group-c;
    border-radius: $btn-group-radius;
    // color: $btn-group-c;
    display: flex;
    .z-btn {
        color: $btn-group-c;
        border-color: $btn-group-bg;
        background: $btn-group-bg;
        flex: 1;
        border-radius: 0;
        min-width: inherit;
        display: block;
    }
    .active {
        color: $btn-group-act-c;
        border-color: $btn-group-act-bg;
        background-color: $btn-group-act-bg;
    }
}

// 按钮并排
.z-btn-row {
    overflow: hidden;
    .z-btn {
        display: block;
        float: left;
        margin-right: $pa-f;
        &:last-child {
            margin-right: 0;
        }
    }
}

// 
.z-btn-flex {
    display: flex;
    .z-btn {
        flex: 1;
        display: block;
        margin-right: $pa-f;
        &:last-child {
            margin-right: 0;
        }
    }
}
